﻿<html>
<head>
<style>
div.img
  {
  margin:3px;
  border:1px solid #bebebe;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #bebebe;
  }
div.img a:hover img
  {
  border:1px solid #333333;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:150px;
  font-size:12px;
  margin:10px 5px 10px 5px;
  }
img{
width:120px;
height:120px;
}
</style>
</head>
<body>
<h2>音乐区<h2>
<div>
<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/album/000ceWgY3iJIeG.html#stat=y_new.index.album.albumpic">
  <img src="music/1.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《转眼》</div>
</div>

<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/album/0017XZOL20B6UR.html#stat=y_new.index.album.albumpic">
  <img src="music/2.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《三千寻》</div>
</div>

<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/album/001F6DC83JnK09.html">
  <img src="music/3.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《知否》</div>
</div>

<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/album/002yMqG43PvIsm.html#stat=y_new.index.album.albumpic">
  <img src="music/4.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《燕儿归》</div>
</div>

<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/song/003zjYy20KTJG4.html">
  <img src="music/5.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《随风》</div>
</div>

<div class="img">
  <a target="_blank" href="https://y.qq.com/n/yqq/song/000Qepff3UyUWO.html">
  <img src="music/6.jpg" alt="Ballade" >
  </a>
  <div class="desc">来自A的分享：《天份》</div>
</div>


</body>
</html>